//我的钱包点击进去后 的 显示的用户头像和名字  以及 用户资产 的  组件
import React, {Component} from "react";
import {
  View,
  Text,
  Button,
  StyleSheet,
  Image,
  TouchableOpacity,
} from 'react-native';

const styles = StyleSheet.create({
  icon: {
    width: 50,
    height: 50,
    borderRadius: 25,
  },
  imageAndName: {
  	alignItems: 'center',      // 水平局中
    // justifyContent: 'center',  // 垂直居中
    flexDirection:'row',
    marginTop: '3%',
  	marginLeft: '5%',
  },
  text: {
  	fontSize: 16,
  	margin: 15,
  	color: '#fff',
  },
  money: {
    color: '#fff',
    textAlign: 'center',
    fontSize: 16,
    marginTop: '3%',
  },
});

class ImageAndName extends React.Component{
	render(){
		return (
			<View style={styles.imageAndName}>
				<Image
	        		source={require('../../images/me.jpg')}
	        		style={styles.icon}
	      		/>
	      		<Text style={styles.text}>syusuke</Text>
      		</View>
		);
	}
}


class AccountAssets extends React.Component{
	render(){
		return (
			<Text style={styles.money}>账户资产</Text>
		);
	}
}
export default class ContentAlign extends React.Component{
	render(){
		return (
			<View>
				<ImageAndName />
				<AccountAssets />
			</View>
		);
	}
}